<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/logo.css"/>
    <title></title>
    <script src="js/jquery-3.1.1.js"> </script>
    <script type="text/javascript">
    	
   		document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
   			
   		});
   		
    </script>
</head>
<body>
	<div class="warp">
		<header>
			<img src="img/images/5-2-1_01.png"/>
		</header>
		<nav>
			<div class="nav1">
				<div class="addColor">账号登录</div>
				<div>无密码快捷登录</div>
			</div>
		</nav>
		<section>
			<div class="mainBox">
				<div class="s1">
					<div class="d1">
						<img src="img/images/5-2-1_04.png"/>
						<input type="text" placeholder="请输入手机号" class="mobile"/>	
					</div>
					<div class="d2">
						<img src="img/images/5-2_03.png"/>
						<input type="text" placeholder="请输入密码" class="pwd" />	
					</div>
					<a href=""><p>忘记密码</p></a>
					<a href=""><p1>注册</p1></a>
					<button class="submit-btn" id="logo">登录</button>
				</div>
				<div class="s2">
					<div class="l1">
						<input type="text"class="m2"  placeholder="+86   输入手机号"/> 
						<input type="text" class="ll" id="btn" value="获取验证码"/>
					</div>
					<div class="l2">
						<input type="text" placeholder="请输入验证码" />
					</div>
					<button class="submit" id="logo">登录</button>
					<div class="c1">
					通过第三方登录
					</div>
					<div class="c2">
							<a href=""><img src="img/images/5-1_03.png"/></a>
							<a href=""><img src="img/images/5-1_05.png"/></a>
							<a href=""><img src="img/images/5-1_07.png"/></a>
					</div>
				</div>
			</div>
		</section>
		<footer></footer>
	</div>
</body>
</html>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script src="js/new.js" type="text/javascript" charset="utf-8"></script>
<script>
    var sleep = 30, interval = null;
    window.onload = function ()
    {
        var btn = document.getElementById ('btn');
        btn.onclick = function ()
        {
            if (!interval)
            {
                this.style.backgroundColor = 'rgb(243, 182, 182)';
                this.disabled = "disabled";
                this.style.cursor = "wait";
                this.value = "重新发送 (" + sleep-- + ")";
                interval = setInterval (function ()
                {
                    if (sleep == 0)
                    {
                        if (!!interval)
                        {
                            clearInterval (interval);
                            interval = null;
                            sleep = 30;
                            btn.style.cursor = "pointer";
                            btn.removeAttribute ('disabled');
                            btn.value = "免费获取验证码";
                            btn.style.backgroundColor = '';
                        }
                        return false;
                    }
                    btn.value = "重新发送 (" + sleep-- + ")";
                }, 1000);
            }
        }
    }
    $(function(){
			$('#logo').click(function(){
			window.location.href = "index.html";
		})
	})
</script>